<script>
	export default {
		onLaunch: function() {
			console.log('App Launch')
		},
		onShow: function() {
			console.log('App Show')
			this.$store.dispatch('INIT_STATE')
			this.$store.dispatch('INIT_USERINFO')
		},
		onHide: function() {
			console.log('App Hide')
		}
	}
</script>

<style lang="scss">
	/* 注意要写在第一行，同时给style标签加入lang="scss"属性 */
	@import "@/uni_modules/uview-ui/index.scss";
	@import './common/common.css';

	.flex {
		display: flex;
	}

	.z-max {
		z-index: 99999;
	}

	.bag--fff {
		background: #fff;
	}

	.bag--666 {
		background: #666;
	}

	.bag--7676 {
		background: #767676;
	}

	.bag--999 {
		background: #999;
	}

	.bag--lv {
		background: olive;
	}

	.color--fff {
		color: #fff;
	}

	.co--7676 {
		color: #767676;
	}

	.co--999 {
		color: #999;
	}

	.boder--1 {
		border: 2rpx solid #000;
	}

	.boder--2 {
		border: 4rpx solid #000;
	}

	.ju--end {
		justify-content: end;
	}

	.ju--center {
		justify-content: center;
	}

	.ju--between {
		justify-content: space-between;
	}

	.ju--around {
		justify-content: space-around;
	}

	.ju--evenly {
		justify-content: space-evenly;
	}

	.wrap {
		flex-wrap: wrap;
	}

	.ml10 {
		margin-left: 10rpx;
	}

	.ml20 {
		margin-left: 20rpx;
	}

	.ml30 {
		margin-left: 30rpx;
	}

	.ml40 {
		margin-left: 40rpx;
	}

	.ml50 {
		margin-left: 50rpx;
	}

	.mt10 {
		margin-top: 10rpx;
	}

	.mt20 {
		margin-top: 20rpx;
	}

	.mt30 {
		margin-top: 30rpx;
	}

	.mt40 {
		margin-top: 40rpx;
	}

	.mt50 {
		margin-top: 50rpx;
	}

	.mt60 {
		margin-top: 60rpx;
	}

	.mt120 {
		margin-top: 120rpx;
	}

	.mt200 {
		margin-top: 200rpx;
	}

	.mr10 {
		margin-right: 10rpx;
	}

	.mr20 {
		margin-right: 20rpx;
	}

	.mr30 {
		margin-right: 30rpx;
	}

	.mr40 {
		margin-right: 40rpx;
	}

	.mr50 {
		margin-right: 50rpx;
	}

	.mb10 {
		margin-bottom: 10rpx;
	}

	.mb20 {
		margin-bottom: 20rpx;
	}

	.mb30 {
		margin-bottom: 30rpx;
	}

	.mb40 {
		margin-bottom: 40rpx;
	}

	.mb50 {
		margin-bottom: 50rpx;
	}

	.mb100 {
		margin-bottom: 100rpx;
	}

	.mb120 {
		margin-bottom: 120rpx;
	}

	.mlr10 {
		margin-left: 10rpx;
		margin-right: 10rpx;
	}

	.mlr20 {
		margin-left: 20rpx;
		margin-right: 20rpx;
	}

	.mlr30 {
		margin-left: 30rpx;
		margin-right: 30rpx;
	}

	.mtb10 {
		margin: 10rpx 0;
	}

	.mtb20 {
		margin: 20rpx 0;
	}

	.mtb30 {
		margin: 30rpx 0;
	}

	.p10 {
		padding: 10rpx;
	}

	.p20 {
		padding: 20rpx;
	}

	.p40 {
		padding: 40rpx;
	}

	.p50 {
		padding: 50rpx;
	}

	.pl10 {
		padding-left: 10rpx;
	}

	.pl20 {
		padding-left: 20rpx;
	}

	.pl30 {
		padding-left: 30rpx;
	}

	.pl40 {
		padding-left: 40rpx;
	}

	.pl50 {
		padding-left: 50rpx;
	}

	.pr10 {
		padding-right: 10rpx;
	}

	.pr20 {
		padding-right: 20rpx;
	}

	.pr30 {
		padding-right: 30rpx;
	}

	.pr40 {
		padding-right: 40rpx;
	}

	.pr50 {
		padding-right: 50rpx;
	}

	.pb10 {
		padding-bottom: 10rpx;
	}

	.pb20 {
		padding-bottom: 20rpx;
	}

	.pb30 {
		padding-bottom: 30rpx;
	}

	.pb40 {
		padding-bottom: 40rpx;
	}

	.pb50 {
		padding-bottom: 50rpx;
	}

	.pt10 {
		padding-top: 10rpx;
	}

	.pt20 {
		padding-top: 20rpx;
	}

	.pt30 {
		padding-top: 30rpx;
	}

	.pt40 {
		padding-top: 40rpx;
	}

	.pt50 {
		padding-top: 50rpx;
	}

	.plr10 {
		padding: 0 10rpx;
	}

	.plr20 {
		padding: 0 20rpx;
	}

	.plr30 {
		padding: 0 30rpx;
	}

	.ptb10 {
		padding: 10rpx 0;
	}

	.ptb20 {
		padding: 20rpx 0;
	}

	.ptb30 {
		padding: 30rpx 0;
	}

	.br--10 {
		border-radius: 10px;
	}

	.br--20 {
		border-radius: 20rpx;
	}

	.br--30 {
		border-radius: 30rpx;
	}

	.br--40 {
		border-radius: 40rpx;
	}

	.br--50 {
		border-radius: 50rpx;
	}

	.br50 {
		border-radius: 50%;
	}

	.center {
		text-align: center;
	}

	.right {
		text-align: right;
	}

	.hidden {
		overflow: hidden;
	}

	.oy-auto {
		overflow-y: auto;
	}

	.ox-auto {
		overflow-x: auto;
	}


	.h260 {
		height: 260rpx;
	}

	.scroll-view {
		box-sizing: border-box;
	}

	.h100 {
		height: 100%;
	}

	.h100vh {
		height: 100vh;
	}

	.f1 {
		flex: 1;
	}

	.text-hidden-1 {
		display: -webkit-box;
		overflow: hidden;
		text-overflow: ellipsis;
		word-wrap: break-word;
		white-space: normal;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
	}

	.text-hidden-2 {
		display: -webkit-box;
		overflow: hidden;
		text-overflow: ellipsis;
		word-wrap: break-word;
		white-space: normal;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}

	.text-hidden-3 {
		display: -webkit-box;
		overflow: hidden;
		text-overflow: ellipsis;
		word-wrap: break-word;
		white-space: normal;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
	}

	.text-hidden-4 {
		display: -webkit-box;
		overflow: hidden;
		text-overflow: ellipsis;
		word-wrap: break-word;
		white-space: normal;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
	}

	.po-center {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
</style>